<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>地图导航</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        #container {
            width: 100%;
            height: 100vh;
        }
    </style>
    <script type="text/javascript">
      window._AMapSecurityConfig = {
          securityJsCode:'4a6d3e2e7780de3f41cf767934c89435',
      }
    </script>

    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=c930f4d4ec2757c1d1ed3668b65288d2">
    </script>
</head>
<body>
<div id="container"></div>
<script>
        var map = new AMap.Map("container", {
            zoom: 15, //级别
            center: [116.344056, 40.060474], //中心点坐标
        })
        window.onload = function () {
            if (window.shenling) {
                shenling.getLocation("getLocation")
            }
        }
        
        function getLocation(lon, lat) {
            //将坐标等位到对应的 经纬度上
            map.setZoomAndCenter(18, [lon, lat])
            //获取当前位置周围数据 利用的是高德自带的api检索 (固定代码)
            map.plugin(["AMap.PlaceSearch"], function () {
            var MSearch = new AMap.PlaceSearch({
                 pageSize: 4,
                 pageIndex: 1, //请求页码，默认1
                 extensions: "base", //返回信息详略，默认为base（基本信息）
            }) //构造PlaceSearch类
            AMap.event.addListener(MSearch, "complete", (result) => {
                 //shenling.alert(JSON.stringify(result))
                 shenling.receiveData("search_list",JSON.stringify(result?.poiList?.pois || []))
            }) //返回结果
            MSearch.searchNearBy("地点", new AMap.LngLat(lon, lat)) //关键字查询
        })
        }


</script>
</body>
</html>